<ul class="pagination pagination-lg fr">
     
</ul>
<input type="hidden" id="totalPage__" value="${(pagination.totalPage)!0 }">
<input type="hidden" id="page__" value="${(pagination.page)!0 }">
<style>
<!--
@media (max-width: 480px) {
	.pagination>li:first-child,.pagination>li:nth-child(2)
	,.pagination>li:last-child,.pagination>li:nth-last-child(2){
		display: none;
	}

}
-->
</style>
<script type="text/javascript">
	$(function() {
		var totalPage = parseInt($("#totalPage__").val());
		var page = parseInt($("#page__").val());
		var href = $("#href__").val();
		var p = 0;
		if(page <= 1){
			p = 1;
		} else {
			p = page - 1;
		}
		$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}", p)+"'><i class='fa fa-long-arrow-left'></i>Previous</a></li>");
		$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}", 1) + "'>First</a></li>");
		
		if ((page - 3) >= 1) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page - 3)) + "'>" + (page - 3) + "</a></li>");
		}
		if ((page - 2) >= 1) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page - 2)) + "'>" + (page - 2) + "</a></li>");
		}
		if ((page - 1) >= 1) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page - 1)) + "'>" + (page - 1) + "</a></li>");
		}
		
		$(".pagination").append("<li class='active'><a href='" + href.replace("{{pageNum}}", page) + "'>" + page + "</a></li>");
		
		if ((page + 1) <= totalPage) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page + 1)) + "'>" + (page + 1) + "</a></li>");
		}
		if ((page + 2) <= totalPage) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page + 2)) + "'>" + (page + 2) + "</a></li>");
		}
		if ((page + 3) <= totalPage) {
			$(".pagination").append("<li><a href='" + href.replace("{{pageNum}}",(page + 3)) + "'>" + (page + 3) + "</a></li>");
		}
		
		$(".pagination").append("<li><a href='"+href.replace("{{pageNum}}", totalPage)+"'>Last</a></li>");
		if((page + 1) >= totalPage) {
			p = totalPage;
		} else {
			p = page + 1
		}
		$(".pagination").append("<li><a href='"+href.replace("{{pageNum}}", p)+"'><i class='fa fa-long-arrow-right'></i>Next</a></li>");
	});
</script>